<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html ng-app="homeApp">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>E.gift平台</title>
    <meta name="keywords" content="E.gift平台">
    <meta name="description" content=">E.gift平台">

    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <%@ include file="/include/egiftlibs.jsp" %>
    <script src="${cxp}/js/egiftAngular.js"></script>
    <style type="text/css">
        .bot {
            height: 72px;
            background-color: #4B4947;
        }
    </style>
</head>
<body ng-controller="homeController">
<div id="top">
    <div id="top_main">
        <div id="hello">
        <span>欢迎光临！
				${user.name}
				</span>
        </div>
    </div>
</div>
<div id="serach">
    <div class="logo">
        <img style="margin-top:5px;" src="${cxp}/images/logo.png" alt="">
    </div>
    <div class="sou">
        <div class="sousuo">
            <input type="text" ng-model="giftName" class="kuang" value="" style="color:#999;font-size:14px">
            <input style="display: none" id="customerId" value="${user.id}">

            <div class="souzi"><a href="#" ng-click="searchByName()">搜索</a></div>
        </div>
    </div>
</div>
<!--导航-->
<div id="daohang-wrapper">
    <div id="daohang">
        <div class="dhleft">
            <a href="#">礼品类别</a>

            <div class="lanren" ng-show="showIndex">
                <ul class="nav1" style="margin-bottom:0px;">
                    <li ng-repeat="giftType in giftTypes" class="li1">
                        <a href="#">{{giftType.oneTypeName}}</a>
                        <ul class="nav01">
                            <li class="li2" ng-repeat="twoType in giftType.twoLevelTypeList">
                                <a href="#" ng-click="searchByType(twoType.id)">{{twoType.name}}</a>
                            </li>
                        </ul>
                    </li>
                    <li class="li1" style="margin-bottom: 550px;">
                    </li>
                </ul>
            </div>
        </div>
        <div class="dhright">
            <ul>
                <li><a href="#" ng-class="indexClass" ng-click="changeTab(true)">首页</a></li>
                <li><a href="#" ng-class="caseClass" ng-click="changeTab(false)">礼物案例</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="bg" ng-show="showIndex"></div>
<div id="main" ng-show="showIndex">
    <div class="mainleft">
        <div id="content">
            <div class="tuijian">
                <div class="right">
                    <div class="gift-wrapper">
                        <div class="gift-block" ng-repeat="gift in giftList">
                            <a target="_blank" href="<c:url value="/home/detail?id={{gift.productId}}" />">
                                <img ng-src="{{gift.imageUrl}}" alt=""/>
                            </a>
                            <div class="bottom-info">
                                <span class="text">{{gift.name}}</span>
                                <span class="cash">￥{{gift.price}}</span>
                            </div>
                        </div>
                        <div class="fenye">
                            <span ng-click="searchPagination(pageCount)">尾页</span>
                            <span ng-click="searchPagination(currentPage + 1)">下一页</span>
                            <span ng-click="searchPagination(currentPage - 1)">上一页</span>
                            <span ng-click="searchPagination(1)">首页</span>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="content1" ng-show="!showIndex">
    <div class="tuijian">
        <div class="right">
            <div class="title-span">
            </div>
            <div class="gift-wrapper">
                <div class="gift-block" ng-repeat="case in caseList">
                    <a target="_blank" class="media" href="{{case.pdfUrl}}">
                        <img ng-src="{{case.imageUrl}}" alt=""/>
                    </a>

                    <div class="bottom-info">
                        <span class="text">{{case.name}}</span>
                    </div>
                </div>
                <div class="fenye">
                    <span ng-click="searchCasePagination(casePageCount)">尾页</span>
                    <span ng-click="searchCasePagination(caseCurrentPage + 1)">下一页</span>
                    <span ng-click="searchCasePagination(caseCurrentPage - 1)">上一页</span>
                    <span ng-click="searchCasePagination(1)">首页</span>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

<%--<div class="erz">
    <div class="erji">
        <div class="erjitop">
            <a>礼品全部分类></a><a>数码电子></a><a>无线充电移动动电源</a>
        </div>
        <div class="erjixia">
            <div class="erjijz">
                <div class="e_left">
                    <!---焦点图--->
                    <div class="Aflash">
                        <ul class="picUL">
                            <li class="picLI" id="j-focusPic">
                                <div class="picbox j-slider" style="left: -22310px;">
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/s1.jpg"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx2.jpg"
                                                                        data-src="../images/eiji/sx2.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx3.jpg"
                                                                        data-src="../images/eiji/sx3.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx4.jpg"
                                                                        data-src="../images/eiji/sx4.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/s1.jpg"
                                                                        data-src="../images/eiji/s1.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx2.jpg"
                                                                        data-src="../images/eiji/sx2.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx3.jpg"
                                                                        data-src="../images/eiji/sx3.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx4.jpg"
                                                                        data-src="../images/eiji/sx4.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/s1.jpg"
                                                                        data-src="../images/eiji/s1.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx2.jpg"
                                                                        data-src="../images/eiji/sx2.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/s1"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx2.jpg"
                                                                        data-src="../images/eiji/sx2.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx3.jpg"
                                                                        data-src="../images/eiji/sx3.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx4.jpg"
                                                                        data-src="../images/eiji/sx4.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/s1.jpg"
                                                                        data-src="../images/eiji/s1.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx2.jpg"
                                                                        data-src="../images/eiji/sx2.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx3.jpg"
                                                                        data-src="../images/eiji/sx3.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx4.jpg"
                                                                        data-src="../images/eiji/sx4.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/s1.jpg"
                                                                        data-src="../images/eiji/s1.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx2.jpg"
                                                                        data-src="../images/eiji/sx2.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418" src="../images/eiji/sx3.jpg"
                                                                        data-src="../images/eiji/sx3.jpg"
                                                                        class="loading"></a> </span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx4.jpg"
                                                                        data-src="../images/eiji/sx4.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/s1.jpg"
                                                                        data-src="../images/eiji/s1.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx2.jpg"
                                                                        data-src="../images/eiji/sx2.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx3.jpg"
                                                                        data-src="../images/eiji/sx3.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx4.jpg"
                                                                        data-src="../images/eiji/sx4.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/s1.jpg"
                                                                        data-src="../images/eiji/s1.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx2.jpg"
                                                                        data-src="../images/eiji/sx2.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx3.jpg"
                                                                        data-src="../images/eiji/sx3.jpg"
                                                                        class="loading"></a></span>
								<span class="j-item"> <a href="#"> <img width="418"
                                                                        src="../images/eiji/sx4.jpg"
                                                                        data-src="../images/eiji/sx4.jpg"
                                                                        class="loading"></a></span></div>


                            </li>
                        </ul>
                        <div class="infobtn" id="j-focusBtns">
                            <div class="pre on-1"><a href="javascript:void(0)"></a><i style="display:none"></i></div>
                            <div class="smalpic j-container">
                                <div class="smallbox j-slider" style="left: 0px;">
                                    <a class="j-item" href="#"> <img src="../images/eiji/sx1.jpg"> <b></b></a>
                                    <a class="j-item" href="#"> <img src="../images/eiji/sx2.jpg"> <b></b></a>
                                    <a class="j-item" href="#"> <img src="../images/eiji/sx3.jpg"> <b></b></a>
                                    <a class="j-item on" href="#"> <img src="../images/eiji/sx4.jpg"> <b></b></a>
                                    <a class="j-item" href="#"> <img src="../images/eiji/sx1.jpg"> <b></b></a>
                                    <a class="j-item" href="#"> <img src="../images/eiji/sx2.jpg"> <b></b></a>
                                    <a class="j-item" href="#"> <img src="../images/eiji/sx3.jpg"> <b></b></a>
                                    <a class="j-item" href="#"> <img src="../images/eiji/sx4.jpg"> <b></b></a>
                                    <a class="j-item" href="#"> <img src="../images/eiji/sx1.jpg"> <b></b></a>
                                    <a class="j-item" href="#"> <img src="../images/eiji/sx2.jpg"> <b></b></a>
                                </div>
                            </div>
                            <div class="next"><a href="javascript:void(0)"></a><i style="display:none"></i></div>
                        </div>
                    </div>
                </div>
                <div class="e_right">
                    <h1>名称：爱鑫视MOON W7皓月无线充电器</h1>

                    <p>价格：<span style="color:#c40000;font-weight:bold;font-size:14px;">￥229.00<span></p>

                    <p>编码:W7</p>

                    <p>类别：</p>

                    <p>二级类别：</p>

                    <p>品牌：</p>

                    <p>材质：</p>

                    <p>规格：</p>

                    <p>包装：</p>

                    <p>备注：</p>
                </div>
            </div>
        </div>
    </div>
</div>--%>


<script>
    $(function () {
        $('a.media').media();
    })
</script>
</body>
</html>